﻿@{
    ViewBag.Title = "AddWorkingGroup";
    Layout = "~/Views/Shared/Layout.cshtml";
     <link rel="stylesheet" type="text/css" href="~/content/plugins/select2/select2_metro.css" />
    <link rel="stylesheet" type="text/css" href="~/content/plugins/jquery-multi-select/css/multi-select-metro.css" />



     <script src="~/content/scripts/form-components.js"></script>    
 
	<!-- END PAGE LEVEL SCRIPTS -->
	<script>
		jQuery(document).ready(function() {       
		    FormComponents.init();
		     
		});



	</script>

}


		<!-- BEGIN PAGE CONTAINER-->        
			<div class="container-fluid">
				<!-- BEGIN PAGE HEADER-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN PAGE TITLE & BREADCRUMB-->
						<h3 class="page-title">
							Grupo de Trabajo
						</h3>

					</div>
				</div>
				<!-- END PAGE HEADER-->
				<!-- BEGIN PAGE CONTENT-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN SAMPLE FORM PORTLET-->   
						<div class="portlet box yellow">
							<div class="portlet-title">
								<div class="caption"><i class="icon-reorder"></i>Agregar Grupo de Trabajo</div>
								<div class="tools" style="display:none">
									<a href="javascript:;" class="collapse"></a>
									<a href="#portlet-config" data-toggle="modal" class="config"></a>
									<a href="javascript:;" class="reload"></a>
									<a href="javascript:;" class="remove"></a>
								</div>
							</div>
							<div class="portlet-body form">
								<!-- BEGIN FORM-->
								<form action="#" class="form-horizontal">
                                  <h3 class="form-section">Información del Grupo</h3>
									<div class="control-group">
										<label class="control-label">Nombre</label>
										<div class="controls">
											<input type="text" class="span6 m-wrap" />
										</div>
									</div>
									

                                   <div class="control-group">
										<label class="control-label">Sector</label>
										<div class="controls">
											<select class="span6 chosen" data-placeholder="Choose a Category" tabindex="1">
												<option value="Category 1">Sector 1</option>
												<option value="Category 2">Sector 2</option>
												<option value="Category 3">Sector 3</option>
                                                <option value="Category 2">Sector 4</option>
					
											</select>
										</div>
									</div>

                                      <div class="control-group">
												<label class="control-label">Jefe</label>
												<div class="controls">
													<select id="select2_sample1" class="span6 select2">
														<option value="AL">Jefe 1</option>
														<option value="WY">Jefe 2</option>
                                                    
													</select>
                                                   
												</div>
									 </div>

                                   						<!-- BEGIN PORTLET-->   
					
								
								
									<div class="control-group">
										<label class="control-label">Integrantes</label>
										<div class="controls">
                                         <select multiple='multiple' id="my-select" name="my-select[]">
                                              <option value='elem_1'>Melissa Zevallos</option>
                                              <option value='elem_2'>Pamela Oroya</option>
                                              <option value='elem_3'>Eduardo Rejas</option>
                                              <option value='elem_4'>Diego Berolatti</option>
                                             <option value='elem_3'>Fernando Huaman</option>
                                              <option value='elem_4'>Himer Pichusa</option>
    
                                        </select>
										</div>
									</div>

									
								
								
					





                               <div class="form-actions">
                                 <a class="btn yellow" href="/workinggroup/searchworkinggroup" ><i class="icon-ok"></i> Guardar</a>
	                              <a  class="btn" href="/workinggroup/searchworkinggroup">Cancelar</a> 
                               </div>

								</form>
								<!-- END FORM-->  
							</div>
						</div>
						<!-- END SAMPLE FORM PORTLET-->

					</div>
				</div>
				<!-- END PAGE CONTENT-->
			</div>
			<!-- END PAGE CONTAINER-->